<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main1.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/select.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/js/jquery.select.js"></script>
	</head>
	<body style="background: #000026;"> 
		<img class="bgImg" src="" alt="" />
		<div class="container" id="page1st">   
			<div class="header">
				<div class="logo" style="margin-top:-10px">新技术新业务安全评估</div>
				<a href="javascript:void();" class="pre_btn"></a>		
			</div>
			<div class="content">
				<div class="top_tip" style="margin-bottom: 10px;">截至2017年，自评估总数量<strong>1849</strong>个,风险总量<strong>6322</strong>个，参培总人数<strong>8854</strong>人</div>
				<div class="bottom_content">
					<div class="left_content boxBg" style="margin-left: 10px;">
						<div class="select_box">
							<div class="select_box_left">
								<span class="select_title">运营商：</span>
								<select id="mySelect">
									<option value="1">移动</option>
									<option value="2">联通</option>
									<option value="3">电信</option>
								</select>
							</div>
							<div class="select_box_right">
								<span class="select_title">年份：</span>
								<select id="mySelect2">
									<option value="2014">2014</option>
									<option value="2015">2015</option>
									<option value="2016">2016</option>
								</select>
							</div>
						</div>
						<div class="ec_map_th" id="ec_map" style="width: 100%;padding-top:10px"></div>
					</div>
					<div class="right_content" style="width:40%; padding:0 10px;">
						<div class="right_content_top boxBg" style="position:relative;">
							<ul class="tabType">
								<li class="active">类型总占比</li>
								<li>企业占比</li>
					     	</ul>
					     	<select id="mySelect3" style="position:absolute; top:48px; left:10px; display:none;z-index:999999">
									<option value="2014">2014</option>
									<option value="2015">2015</option>
									<option value="2016">2016</option>
									<option value="2017">2017</option>
							</select>
                <div id="techLine"></div>
						</div>

						<div class="right_content_bottom boxBg" style="width:100%;margin-top: 10px;">
                             <ul class="tabType">
								<li class="active">业务类型</li>
								<li>风险类型</li>
					     	</ul>
					     	<div class="select_box">
								<span class="select_title">运营商：</span>
								<select class="caCheck">
									<option value="移动">移动</option>
									<option value="联通">联通</option>
									<option value="电信">电信</option>
								</select>
								<span class="select_title">年份：</span>
								<select id="mySelect4">
									<option value="2014">2014</option>
									<option value="2015">2015</option>
									<option value="2016">2016</option>
									<option value="2017">2017</option>
								</select>
							   </div>
							<div class="ec_pie" id="techPie"></div>
						</div>
					</div>
					
				</div>
			</div>
			<div class="foot">
				<a href="javascript:void();" class="next_btn"></a>
			</div>
		</div>
				<div class="mapWinOpen">
			<div class="win_shade"></div>
			<div class="win_content">
				<h1>各年度评分</h1>
				<div class="mapWinClose"></div>
				<div id="win_div">

				</div>
			</div>
		</div>
		<div class="foot_right_logo"></div>
		<script src="static/js/calculate.js"></script>
		<script>
			newTech();
			window.onresize=function(){
				newTech();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/newTech.js"></script>
		<script src="static/js/boxBg.js"></script>
		<script src="static/js/imgSkin.js"></script>
	</body>
</html>
